{% extends "./inc_baseNew.html" %}
{%if category.pid !=0%}
{%column data="column",pid=category.pid%}
{%else%}
{%column data="column",cid=category.id%}
{%endif%}
    {% macro content(pagehook) %}
    <!--内容钩子加载-->
    {% if pagehook%}
    {%for field in pagehook.fields%}
    {%if pagehook.editor == '1'%}
    {{HOOKS@pageContent@1[field.name]|safe}}
    {%elif pagehook.editor == '2_1'%}
    {{HOOKS@pageContent@2_1[field.name]|safe}}
    {%elif pagehook.editor == '2_2'%}
    {{HOOKS@pageContent@2_2[field.name]|safe}}
    {%elif pagehook.editor == '3'%}
    {{HOOKS@pageContent@3[field.name]|safe}}
    {%else%}
    {{HOOKS@pageContent[field.name]|safe}}
    {%endif%}
    {%endfor%}
    {%endif%}
    <!--/内容钩子加载结束-->
    {% endmacro %}
    
	
{% block content %}
<!--
PAGE HEADER

CLASSES:
.page-header-xs	= 20px margins
.page-header-md	= 50px margins
.page-header-lg	= 80px margins
.page-header-xlg= 130px margins
.dark			= dark page header

.shadow-before-1 	= shadow 1 header top
.shadow-after-1 	= shadow 1 header bottom
.shadow-before-2 	= shadow 2 header top
.shadow-after-2 	= shadow 2 header bottom
.shadow-before-3 	= shadow 3 header top
.shadow-after-3 	= shadow 3 header bottom
-->
<link href="/static/assets/css/layout.min.css" rel="stylesheet" type="text/css" />
<link href="/static/assets/css/layout-shop.css" rel="stylesheet" type="text/css" />
    <style>
section{
    border-bottom: 0;
}
.list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}
.panel-heading {
    margin: 0 15px;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.tabs .panel-heading .nav {
    margin: -11px -16px;
}
pre, .alert, .panel, .navbar-toggle, .btn {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.tab-post {
    padding-bottom: 10px;
    margin: 0 0 10px 0;
    border-bottom: rgba(0, 0, 0, 0.06) 1px solid;
}
.blog-post-item {
    display: block;
    margin-bottom: 40px;
    padding-bottom: 0;
    border-bottom: #eee 1px solid;
    position: relative;
}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
    border-bottom-color: #fff;
}
.page-header.dark ul.page-header-tabs>li.active:hover, .page-header ul.page-header-tabs>li.active {
    font-weight: 500;
    background-color: #4e9ce6;
    color: #fff;
}
.page-header ul.page-header-tabs>li.active>a {
    color: #fff;
}
.nav-tabs .active{
    border: 1px solid #ddd;
    border-bottom: 1px solid #4e9ce6;
    background-color: #4e9ce6;
    color: #fff;
}
.nav-tabs a{

padding: 6px 20px 0 20px;
}
    </style>

<!-- /PAGE HEADER -->
<!-- -->
<section>
    <div class="container">

        <div class="row">

            <!-- LEFT -->

            <div style="padding-left: 15px;width: 940px;">
                <div class="panel panel-default" style="background-color: #fff;min-height: 1000px;">
                    <div class="panel-body" style="padding:40px 64px;text-justify: inter-ideograph;text-align: justify;">
                        <!-- /IMAGE -->

                        <!--内容钩子加载-->
                       {{content(pagehook)}}
                        <!--/内容钩子加载结束-->

                        <!-- article content -->

                    </div>

                </div>


            </div>
            <!-- RIGHT -->
            {% include "./inc_right.html"%}

        </div>


    </div>
</section>
<!-- / -->
{% endblock %}
